<template>
	<view class="wallet-page">
		<view class="gap"></view>
		<view class="card blue">
			<view class="left">
				<view class="title"> 我的资产 (元) </view>
				<view class="number"> 0.00 </view>
			</view>
			<view class="right">
				<tui-button plain type="white" shape="circle" :size="14" bold width="70px" height="34px">提现</tui-button>
			</view>
		</view>
		<view class="card orange">
			<view class="left">
				<view class="title"> 我的X币 (个) </view>
				<view class="number"> 0.00 </view>
			</view>
			<view class="right">
				<tui-button plain type="white" shape="circle" :size="14" bold width="70px" height="34px">充值</tui-button>
			</view>
		</view>
		<view class="card-menu">
			<view class="title"> 钱包管理 </view>
			<tui-grid unlined>
				<tui-grid-item :cell="4" :hover="false" :bottomLine="false" :border="false" @click="toApp">
					<view class="item">
						<image class="icon" src="@/static/app/银行卡.png"></image>
						<view class="text">银行卡</view>
					</view>
				</tui-grid-item>
				<tui-grid-item :cell="4" :hover="false" :bottomLine="false" :border="false" @click="toApp">
					<view class="item">
						<image class="icon" src="/static/app/支付记录.png"></image>
						<view class="text">支付记录</view>
					</view>
				</tui-grid-item>
				<tui-grid-item :cell="4" :hover="false" :bottomLine="false" :border="false" @click="toApp">
					<view class="item">
						<image class="icon" src="@/static/app/账单.png"></image>
						<view class="text">红包</view>
					</view>
				</tui-grid-item>
				<tui-grid-item :cell="4" :hover="false" :bottomLine="false" :border="false" @click="toApp">
					<view class="item">
						<image class="icon" src="@/static/app/转账.png"></image>
						<view class="text">转账</view>
					</view>
				</tui-grid-item>
				<tui-grid-item :cell="4" :hover="false" :bottomLine="false" :border="false" @click="toApp">
					<view class="item">
						<image class="icon" src="@/static/app/生活缴费.png"></image>
						<view class="text">生活缴费</view>
					</view>
				</tui-grid-item>
				<tui-grid-item :cell="4" :hover="false" :bottomLine="false" :border="false" @click="toApp">
					<view class="item">
						<image class="icon" src="@/static/app/理财.png"></image>
						<view class="text">理财</view>
					</view>
				</tui-grid-item>
			</tui-grid>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {
			toApp(v) {
				
			}
		},
	};
</script>

<style lang="scss" scoped>
	@import "./wallet.scss";
</style>
